<template>
  <div class="form-horizontal">
    <div class="form-inline bottom10">
      <div class="input-group"><span class="input-group-addon">姓名</span><span class="form-control">{{ personnel.name }}</span></div>
      <div class="input-group"><span  class="input-group-addon">联系电话</span> <span class="form-control">{{ personnel.phone }}</span></div> 
    </div>
    <div class="form-inline bottom10">
      <div class="input-group"><span class="input-group-addon">身份证</span><span class="form-control">{{ personnel.idNumber }}</span></div>
      <div class="input-group"><span  class="input-group-addon">出生日期</span> <span class="form-control">{{ personnel.birthday }}</span></div>
      <!-- div class="input-group"><span class="input-group-addon">年龄</span> <span class="form-control"> {{ personnel.age }} </span></div -->
    </div>
    <div class="form-inline bottom10">          
      <div class="input-group"><span class="input-group-addon">性别</span><span class="form-control">{{ personnel.sex }}</span></div>
      <div class="input-group"><span class="input-group-addon">民族</span><span class="form-control">{{ personnel.nationality }}</span></div> 
    </div>
    <div class="form-inline bottom10">
      <div class="input-group"><span class="input-group-addon">身高</span> <span class="form-control"> {{ personnel.height }} </span></div>
      <div class="input-group"><span class="input-group-addon">体重</span> <span class="form-control"> {{ personnel.weight }} </span></div>
    </div>
    <div class="form-inline bottom10">
      <div class="input-group">
        <span class="input-group-addon">文化程度</span>
        <span class="form-control">{{ $store.getters.getDictionary.education[personnel.education] }}</span>
      </div>
      <div class="input-group">
        <span class="input-group-addon">婚姻状况</span>
        <span class="form-control">{{ $store.getters.getDictionary.maritalStatus[personnel.maritalStatus] }}</span>
      </div>
    </div>
    <div class="form-inline bottom10">
      <div class="input-group"><span class="input-group-addon">职业</span> <span class="form-control"> {{ personnel.occupation }} </span></div>
      <div class="input-group">
        <span class="input-group-addon">经济来源</span> 
        <span class="form-control">{{ $store.getters.getDictionary.incomeSource[personnel.incomeSource] }}</span>
      </div>
    </div>
    <div  class="form-inline bottom10">
      <div class="input-group">
      <span class="input-group-addon">收入水平</span>
      <span class="form-control">{{ $store.getters.getDictionary.incomeLevel[personnel.incomeLevel] }}</span>
      </div>
      <div class="input-group">
        <span class="input-group-addon">日常生活支出</span>
        <span class="form-control">{{ $store.getters.getDictionary.dailyExpenses[personnel.dailyExpenses] }}</span>
      </div>
    </div>
    <div class="form-inline bottom10">
      <div class="input-group">
        <span class="input-group-addon">常住居所</span>
        <span class="form-control">{{ $store.getters.getDictionary.residenceType[personnel.residenceType] }}</span>
      </div>
      <div class="input-group">
        <span class="input-group-addon">长期居住状态</span>
        <span class="form-control">{{ $store.getters.getDictionary.residentialStatus[personnel.residentialStatus] }}</span>
      </div>
    </div>
    <div class="form-inline bottom10">
      <div class="input-group" style="width: 96%;">
        <span class="input-group-addon">备注</span>
        <span class="form-control">{{ personnel.description }}</span>
      </div>
    </div>
    <!-- p class="text-muted">体温:<span>{{ personnel.temperature }}</span></p>
    <p class="text-muted">血压: <span>{{ personnel.bloodPressure }}</span></p>
    <p class="text-muted">生命体征:<span>{{ personnel.vitalSign }}</span></p>
    <p class="text-muted">社保缴纳情况:<span>{{ personnel.insuranceStatus }}</span></p>
    <p class="text-muted">社保卡号:<span>{{ personnel.insuranceCardId }}</span></p -->
  </div>
</template>
<script>
export default {
  name: 'personnelInfo',
  data () {
    return {
    }
  },
  props: {
    personnel: {
      type: Object,
      default: {}
    }
  },
  methods: {
  },
  created () {}
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.form-inline > .input-group{width: 47%; margin-left:2%;}
.form-inline > .input-group .input-group-addon{width:130px;}
</style>
